<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        小米商城 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站
    </title>
    <link href="./css/home.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/toolbar.css">
    <link rel="shortcut icon" href="https://s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="icon" href="https://s01.mifile.cn/favicon.ico" type="image/x-icon">

<body>
    <div id="app">
        <!-- 工具栏开始 -->
        <div class="home-tool-bar">
            <a class="item">
                <div class="toolbar-img">
                    <img src="./toolbar-img/98a23aae70f25798192693f21c4d4039.png" alt="手机app">
                    <img src="./toolbar-img/74c4fcb4475af8308e9a670db9c01fdf.png" alt="手机app" class="hover">
                </div>
                <span class="text">手机APP</span>
            </a>
            <a class="item">
                <div class="toolbar-img">
                    <img src="./toolbar-img/55cad219421bee03a801775e7309b920.png" alt="个人中心">
                    <img src="./toolbar-img/41f858550f42eb1770b97faf219ae215.png" alt="个人中心" class="hover">
                </div>
                <span class="text">个人中心</span>
            </a>
            <a class="item">
                <div class="toolbar-img">
                    <img src="./toolbar-img/12eb0965ab33dc8e05870911b90f3f13.png" alt="售后服务">
                    <img src="./toolbar-img/95fbf0081a06eec7be4d35e277faeca0.png" alt="售后服务" class="hover">
                </div>
                <span class="text">售后服务</span>
            </a>
            <a class="item">
                <div class="toolbar-img">
                    <img src="./toolbar-img/4f036ae4d45002b2a6fb6756cedebf02.png" alt="人工客服">
                    <img src="./toolbar-img/5e9f2b1b0da09ac3b3961378284ef2d4.png" alt="人工客服" class="hover">

                </div>
                <span class="text">人工客服</span>
            </a>
            <a class="item">
                <div class="toolbar-img">
                    <img src="./toolbar-img/d7db56d1d850113f016c95e289e36efa.png" alt="购物车">
                    <img src="./toolbar-img/692a6c3b0a93a24f74a29c0f9d68ec71.png" alt="购物车" class="hover">

                </div>
                <span class="text">购物车</span>
            </a>
            <a class="item">
                <div class="toolbar-img">
                    <img src="./toolbar-img/totop.png" alt="回顶部">
                    <img src="./toolbar-img/totop_hover.png" alt="回顶部" class="hover">

                </div>
                <span class="text">回顶部</span>
            </a>
        </div>
        <!-- 工具栏结束 -->

        <div id="header">
            <!-- 站点顶部导航条开始 -->
            <div class="site-topbar clearfix">
                <div class="container clearfix">
                    <div class="topbar-nav">
                        <a href="#">小米商城</a><span class="sep">|</span>
                        <a href="">MIUI</a><span class="sep">|</span>
                        <a href="">IoT</a><span class="sep">|</span>
                        <a href="">云服务</a><span class="sep">|</span>
                        <a href="">天星科技</a><span class="sep">|</span>
                        <a href="">有品</a><span class="sep">|</span>
                        <a href="">小爱开放平台</a><span class="sep">|</span>
                        <a href="">企业团购</a><span class="sep">|</span>
                        <a href="">资质证照</a><span class="sep">|</span>
                        <a href="">协议规则</a><span class="sep">|</span>
                        <a href="" class="topbar-download">下载app
                            <span class="appcode">
                                <img src="picture/download.png" alt="小米商城" width="90px" height="90px">
                                小米商城APP
                            </span>
                        </a><span class="sep">|</span>
                        <a href="">智能生活</a><span class="sep">|</span>
                        <a href="">Select Location</a>
                    </div>
                    <div class="topbar-cart">
                        <a href=""><span class="icon"></span>购物车(0)</a>
                        <div class="cart-menu">
                            <div class="msg">购物车中还没有商品，赶紧选购吧！</div>
                        </div>
                    </div>
                    <div class="topbar-info">
                        <a href="#">登录</a><span class="sep">|</span>
                        <a href="">注册</a><span class="sep">|</span>
                        <a href="">消息通知</a><span class="sep">
                    </div>
                </div>
            </div>
            <!-- 站点顶部导航条结束 -->
            <!-- 站点顶部头开始 -->
            <div class="site-header clearfix">
                <div class="container">
                    <div class="header-logo">

                    </div>
                    <div class="header-nav">
                        <a href="#" style="width: 142px;height: 88px;padding: 0px 15px 0px 0px ;"></a>
                        <a href="#">小米手机</a>
                        <a href="">Redmi红米</a>
                        <a href="">电视</a>
                        <a href="">笔记本</a>
                        <a href="">家电</a>
                        <a href="">路由器</a>
                        <a href="">智能硬件</a>
                        <a href="">服务</a>
                        <a href="">社区</a>
                    </div>
                    <div class="header-search">
                        <div class="kw"><input type="text" name="keyword" /></div>
                        <div class="scn">
                            <span class="icon"></span>
                        </div>
                    </div>
                </div>

            </div>
            <!-- 站点顶部头结束 -->
        </div>
        <!-- 首页幻灯图和分类导航-->
        <div class="home">
            <div class="slide-show container">
                 <!-- 导航栏子菜单 -->
            <div class="list_product col-1">
                <ul class="child-list">
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">Xiaomi MIX4</span></li>
                </ul>
    
            </div>
            <div class="list_product col-2">
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
    
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
    
            </div>
            <div class="list_product col-3">
                <ul class="child-list">
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">小米平板</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">小米平板</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">小米平板</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">小米平板</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">小米平板</span></li>
                    <li><img src="./picture/fa2bae1f43611e80a8e4877719c76bdb.jpg" alt=""><span
                            class="text">小米平板</span></li>
    
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
    
            </div>
            <div class="list_product col-4">
                <ul class="child-list">
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
    
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
                    <li><img src="./picture/abeb200aaaee68d4635c6235d3ffb3f3.jpg" alt=""><span
                            class="text">冰箱</span></li>
    
                </ul>
    
            </div>
            <div class="list_product col-5">
                <ul class="child-list">
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
    
                </ul>
    
    
            </div>
            <div class="list_product col-6">
                <ul class="child-list">
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">智能路由</span></li>
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
    
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
    
                </ul>
    
    
            </div>
            <div class="list_product col-7">
                <ul class="child-list">
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">数据线</span></li>
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
    
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
    
            </div>
            <div class="list_product col-8">
                <ul class="child-list">
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">健康儿童</span></li>
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
    
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
    
                </ul>
    
    
            </div>
            <div class="list_product col-9">
                <ul class="child-list">
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">耳机音响</span></li>
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
    
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
    
                </ul>
    
    
            </div>
            <div class="list_product col-10">
                <ul class="child-list">
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">手机箱包</span></li>
                    <li><img src="./picture/baba53e0cfd7bf0958edd84f8c5fcbbb.jpg" alt=""><span
                            class="text">小米手环6 NFC版</span></li>
    
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
                </ul>
                <ul class="child-list">
                    <li><img src="./picture/50194366cfebbc7c82489d0094c1f944.jpg" alt=""><span
                            class="text">小米电视6 55” OLED</span></li>
    
                </ul>
    
    
            </div>
                <img src="./picture/bd166252b080dcab7b5f5382a921171a.jpg" alt="" width="1226" />
                <div class="menu">
                    <ul id="menu_list">
                        <li><span class="icon"></span><a href="#">手机 电话卡</a></li>
                        <li><span class="icon"></span><a href="#">电视 盒子</a></li>
                        <li><span class="icon"></span><a href="#">笔记本 显示器 平板</a></li>
                        <li><span class="icon"></span><a href="#">家电 插线板</a></li>
                        <li><span class="icon"></span><a href="#">出行 穿戴</a></li>
                        <li><span class="icon"></span><a href="#">智能 路由器</a></li>
                        <li><span class="icon"></span><a href="#">电源 配件</a></li>
                        <li><span class="icon"></span><a href="#">健康 儿童</a></li>
                        <li><span class="icon"></span><a href="#">耳机 音响</a></li>
                        <li><span class="icon"></span><a href="#">生活 箱包</a></li>
                    </ul>
                </div>
                <div class="pre-btn"></div>
                <div class="next-btn"></div>

            </div>
            <div class="promo container">
                <div class="row">
                    <div class="span4" style="height:170px">
                        <ul class="home-channel-list">
                            <li><a href="#"><img
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&amp;h=48"
                                        alt="保障服务">保障服务</a></li>
                            <li><a href="#"><img
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&amp;h=48"
                                        alt="企业团购">企业团购</a></li>
                            <li><a href="#"><img
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&amp;h=48"
                                        alt="F码通道">F码通道</a></li>
                            <li><a href="#"><img
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&amp;h=48"
                                        alt="米粉卡">米粉卡</a></li>
                            <li><a href="#"><img
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&amp;h=48"
                                        alt="以旧换新">依旧换新</a></li>
                            <li><a href="#"><img
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&amp;h=48"
                                        alt="话费充值">话费充值</a></li>
                        </ul>
                    </div>
                    <div class="span16" style="height:170px">
                        <img src="./picture/5d4298059889417157e8492750328492.jpg" alt="">
                        <img src="./picture/b30177d629bfbe2fb42251c1b8538f7b.jpg" alt="">
                        <img src="./picture/9f18ac756fa2cedb16ea429b9c0001af.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 主页内容开始 -->
        <div class="home-page page-main">
            <div class="container">
                <div class="home-banner-box"><a href="#"><img src="./picture/431e5fd6bfd1b67d096928248be18303.jpg"
                            alt="test"></a></div>
                <DIV class="home-brick-box">
                    <div class="container">
                        <div class="box-hd">
                            <h2 class="title">手机</h2>
                            <div class="more">
                                <a href="#">查看更多<span class="icon"></span></a>
                            </div>

                        </div>
                        <div class="box-bd">
                            <div class="row">
                                <div class="span4">
                                    <a href="#"><img src="./picture/c583f2edc613f1be20fa415910b13ce3.jpg" alt=""
                                            width="234px" height="614px"></a>
                                </div>
                                <div class="span16">
                                    <ul class="brick-list">
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>

                    </div>
                </DIV>
                <DIV class="home-brick-box">
                    <div class="container">
                        <div class="box-hd">
                            <h2 class="title">家电</h2>
                            <div class="more">
                                <ul class="tab-list">
                                    <li class="list1">热门</li>
                                    <li class="list2">电视影音</li>
                                </ul>
                            </div>

                        </div>
                        <div class="box-bd">
                            <div class="row">
                                <div class="span4" style="height: 628px; width: 234px;">
                                    <ul style="height: 614px; padding: 0px;margin:0px;">
                                        <li class="brick-item">
                                            <img src="./picture/da9d09f961ec1c9ead8c907a5d700a29.jpg" alt=""
                                                width="234px" height="300px">
                                        </li>
                                        <li class="brick-item"> <img
                                                src="./picture/da9d09f961ec1c9ead8c907a5d700a29.jpg" alt=""
                                                width="234px" height="300px"></li>
                                    </ul>
                                    <a href="#"></a>
                                </div>
                                <div class="span16">
                                    <ul class="brick-list">
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item brick-item-s"
                                            style="height: 93px;width: 234px;padding-top: 50px;">
                                            <a href="#">
                                                <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt=""
                                                    style="height: 80px;width: 80px;right: 20px;top: 30px;position: absolute;">
                                                <h3 class="title">米家互联网烟灶套装（天然气）</h3>
                                                <p class="price">4999元起</p>
                                            </a>

                                        </li>
                                        <li class="brick-item brick-item-s"
                                            style="height: 93px;width: 234px;padding-top: 50px;">
                                            <a href="#">
                                                <span class="icon"></span>
                                                <h3 class="title">浏览更多</h3>
                                                <p class="price">热门</p>
                                            </a>

                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>

                    </div>
                </DIV>
                <DIV class="home-brick-box">
                    <div class="container">
                        <div class="box-hd">
                            <h2 class="title">搭配</h2>
                            <div class="more">
                                <ul class="tab-list">
                                    <li class="list1">热门</li>
                                    <li class="list2">耳机音响</li>
                                </ul>
                            </div>

                        </div>
                        <div class="box-bd">
                            <div class="row">
                                <div class="span4" style="height: 628px; width: 234px;">
                                    <ul style="height: 614px; padding: 0px;margin:0px;">
                                        <li class="brick-item">
                                            <img src="./picture/da9d09f961ec1c9ead8c907a5d700a29.jpg" alt=""
                                                width="234px" height="300px">
                                        </li>
                                        <li class="brick-item"> <img
                                                src="./picture/da9d09f961ec1c9ead8c907a5d700a29.jpg" alt=""
                                                width="234px" height="300px"></li>
                                    </ul>
                                    <a href="#"></a>
                                </div>
                                <div class="span16">
                                    <ul class="brick-list">
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item brick-item-s"
                                            style="height: 93px;width: 234px;padding-top: 50px;">
                                            <a href="#">
                                                <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt=""
                                                    style="height: 80px;width: 80px;right: 20px;top: 30px;position: absolute;">
                                                <h3 class="title">米家互联网烟灶套装（天然气）</h3>
                                                <p class="price">4999元起</p>
                                            </a>

                                        </li>
                                        <li class="brick-item brick-item-s"
                                            style="height: 93px;width: 234px;padding-top: 50px;">
                                            <a href="#">
                                                <span class="icon"></span>
                                                <h3 class="title">浏览更多</h3>
                                                <p class="price">热门</p>
                                            </a>

                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>

                    </div>
                </DIV>
                <DIV class="home-brick-box">
                    <div class="container">
                        <div class="box-hd">
                            <h2 class="title">家电</h2>
                            <div class="more">
                                <ul class="tab-list">
                                    <li class="list1">热门</li>
                                    <li class="list2">电视影音</li>
                                </ul>
                            </div>

                        </div>
                        <div class="box-bd">
                            <div class="row">
                                <div class="span4" style="height: 628px; width: 234px;">
                                    <ul style="height: 614px; padding: 0px;margin:0px;">
                                        <li class="brick-item">
                                            <img src="./picture/da9d09f961ec1c9ead8c907a5d700a29.jpg" alt=""
                                                width="234px" height="300px">
                                        </li>
                                        <li class="brick-item"> <img
                                                src="./picture/da9d09f961ec1c9ead8c907a5d700a29.jpg" alt=""
                                                width="234px" height="300px"></li>
                                    </ul>
                                    <a href="#"></a>
                                </div>
                                <div class="span16">
                                    <ul class="brick-list">
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item brick-item-s"
                                            style="height: 93px;width: 234px;padding-top: 50px;">
                                            <a href="#">
                                                <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt=""
                                                    style="height: 80px;width: 80px;right: 20px;top: 30px;position: absolute;">
                                                <h3 class="title">米家互联网烟灶套装（天然气）</h3>
                                                <p class="price">4999元起</p>
                                            </a>

                                        </li>
                                        <li class="brick-item brick-item-s"
                                            style="height: 93px;width: 234px;padding-top: 50px;">
                                            <a href="#">
                                                <span class="icon"></span>
                                                <h3 class="title">浏览更多</h3>
                                                <p class="price">热门</p>
                                            </a>

                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>

                    </div>
                </DIV>
                <DIV class="home-brick-box">
                    <div class="container">
                        <div class="box-hd">
                            <h2 class="title">配件</h2>
                            <div class="more">
                                <ul class="tab-list">
                                    <li class="list1">热门</li>
                                    <li class="list2">充电器</li>
                                </ul>
                            </div>

                        </div>
                        <div class="box-bd">
                            <div class="row">
                                <div class="span4" style="height: 628px; width: 234px;">
                                    <ul style="height: 614px; padding: 0px;margin:0px;">
                                        <li class="brick-item">
                                            <img src="./picture/da9d09f961ec1c9ead8c907a5d700a29.jpg" alt=""
                                                width="234px" height="300px">
                                        </li>
                                        <li class="brick-item"> <img
                                                src="./picture/da9d09f961ec1c9ead8c907a5d700a29.jpg" alt=""
                                                width="234px" height="300px"></li>
                                    </ul>
                                    <a href="#"></a>
                                </div>
                                <div class="span16">
                                    <ul class="brick-list">
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item brick-item-s"
                                            style="height: 93px;width: 234px;padding-top: 50px;">
                                            <a href="#">
                                                <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt=""
                                                    style="height: 80px;width: 80px;right: 20px;top: 30px;position: absolute;">
                                                <h3 class="title">米家互联网烟灶套装（天然气）</h3>
                                                <p class="price">4999元起</p>
                                            </a>

                                        </li>
                                        <li class="brick-item brick-item-s"
                                            style="height: 93px;width: 234px;padding-top: 50px;">
                                            <a href="#">
                                                <span class="icon"></span>
                                                <h3 class="title">浏览更多</h3>
                                                <p class="price">热门</p>
                                            </a>

                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>

                    </div>
                </DIV>
                <DIV class="home-brick-box">
                    <div class="container">
                        <div class="box-hd">
                            <h2 class="title">周边</h2>
                            <div class="more">
                                <ul class="tab-list">
                                    <li class="list1">热门</li>
                                    <li class="list2">出行</li>
                                </ul>
                            </div>

                        </div>
                        <div class="box-bd">
                            <div class="row">
                                <div class="span4" style="height: 628px; width: 234px;">
                                    <ul style="height: 614px; padding: 0px;margin:0px;">
                                        <li class="brick-item">
                                            <img src="./picture/da9d09f961ec1c9ead8c907a5d700a29.jpg" alt=""
                                                width="234px" height="300px">
                                        </li>
                                        <li class="brick-item"> <img
                                                src="./picture/da9d09f961ec1c9ead8c907a5d700a29.jpg" alt=""
                                                width="234px" height="300px"></li>
                                    </ul>
                                    <a href="#"></a>
                                </div>
                                <div class="span16">
                                    <ul class="brick-list">
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item">
                                            <a href="#">
                                                <div class="figure-img">
                                                    <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi MIX4</h3>
                                                <p class="desc">CPU全面屏</p>
                                                <p class="price">4999元起</p>
                                            </a>
                                        </li>
                                        <li class="brick-item brick-item-s"
                                            style="height: 93px;width: 234px;padding-top: 50px;">
                                            <a href="#">
                                                <img src="./picture/ab07e0fcbec3beb8b0f409db8bee8da4.jpg" alt=""
                                                    style="height: 80px;width: 80px;right: 20px;top: 30px;position: absolute;">
                                                <h3 class="title">米家互联网烟灶套装（天然气）</h3>
                                                <p class="price">4999元起</p>
                                            </a>

                                        </li>
                                        <li class="brick-item brick-item-s"
                                            style="height: 93px;width: 234px;padding-top: 50px;">
                                            <a href="#">
                                                <span class="icon"></span>
                                                <h3 class="title">浏览更多</h3>
                                                <p class="price">热门</p>
                                            </a>

                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>

                    </div>
                </DIV>
                <div class="home-banner-box"><a href="#"><img src="./picture/88e35cffc82cd98cd53172460067af17.jpg"
                            alt="test"></a></div>
            </div>




        </div>
        <!-- 主页内容结尾 -->
        <!-- 站脚开始 -->
        <div>
            <div class="site-footer" style="height: 329.8px;">

                <div class="container">
                    <div class="footer-service">
                        <ul>
                            <li>预约维修服务</li>
                            <li>7天无理由退货</li>
                            <li>15天免费换货</li>
                            <li>满69包邮</li>
                            <li>520余家售后网点</li>
                        </ul>
                    </div>
                    <div class="footer-links">
                        <dl class="col-links">
                            <dt>帮助中心</dt>
                            <dd>账户管理</dd>
                            <dd>购物指南</dd>
                            <dd>订单操作</dd>
                        </dl>
                        <dl class="col-links">
                            <dt>服务支持</dt>
                            <dd>售后政策</dd>
                            <dd>自动服务</dd>
                            <dd>相关下载</dd>
                        </dl>
                        <dl class="col-links">
                            <dt>线下门店</dt>
                            <dd>售后政策</dd>
                            <dd>自动服务</dd>
                            <dd>相关下载</dd>
                        </dl>
                        <dl class="col-links">
                            <dt>关于小米</dt>
                            <dd>了解小米</dd>
                            <dd>加入小米</dd>
                            <dd>投资者关系</dd>
                            <dd>企业社会责任</dd>
                            <dd>廉洁举报</dd>
                        </dl>
                        <dl class="col-links">
                            <dt>关注我们</dt>
                            <dd>新浪微博</dd>
                            <dd>官方微信</dd>
                            <dd>联系我们</dd>
                            <dd>公益基金会</dd>
                        </dl>
                        <dl class="col-links">
                            <dt>特色服务</dt>
                            <dd>F码通道</dd>
                            <dd>礼物码</dd>
                            <dd>防伪查询</dd>
                        </dl>
                        <div class="col-contact">
                            <p class="phone">400-100-5678</p>
                            <p>8:00-18:00（仅收市话费）</p>
                            <a href="#" class="btn-footer">人工客服</a>
                            <div class="follow">
                                关注小米：
                                <a href="#" class="wb"></a>
                                <a href="#" class="wx"></a>
                                <img src="./picture/wx-img.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="site-info">
               <div class="container">
                   <div class="logo"></div>
                   <div class="info-text">
                       <p class="sites">
                        <a href="#">小米商城</a><span class="sep">|</span>
                        <a href="#">MIUI</a><span class="sep">|</span>
                        <a href="#">米家</a><span class="sep">|</span>
                        <a href="#">米聊</a><span class="sep">|</span>
                        <a href="#">多看</a><span class="sep">|</span>
                        <a href="#">游戏</a><span class="sep">|</span>
                        <a href="#">政企服务</a><span class="sep">|</span>
                        <a href="#">小米天猫店</a><span class="sep">|</span>
                        <a href="#">小米集团隐私政策</a><span class="sep">|</span>
                        <a href="#">小米公司儿童信息保护规则</a><span class="sep">|</span>
                        <a href="#">小米商城隐私政策</a><span class="sep">|</span>
                        <a href="#">小米商城用户协议</a><span class="sep">|</span>
                        <a href="#">问题反馈</a><span class="sep">|</span>
                        <a href="#">Select Location</a>
                       </p> 
                       <p class="sites">
                        <a href="#">北京互联网法院法律服务工作站</a><span class="sep">|</span>
                        <a href="#">中国消费者协会</a><span class="sep">|</span>
                        <a href="#">北京市消费者协会</a>
                       </p>   
                       <p>
                        © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号<br>
                        （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告<br>
                        增值电信业务许可证 网络食品经营备案 京食药网食备202010048   食品经营许可证<br>
                        违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                       </p>  
                   </div>
                   <div class="info-img">
                       <img src="./picture/truste.png" alt="">
                       <img src="./picture/v-logo-2.png" alt="">
                       <img src="./picture/icon3.png" alt="">
                       <img src="./picture/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                       <img src="./picture/f1ee261b96ae71e845efba398efeca02.png" alt="">

                   </div>
                   <div class="slogan">

                </div>
               </div>
            </div>
           
            <!-- 站脚结束 -->

        </div>
        <script src="./js/toolbar.js"></script>
</body>

</html>